<template>
  <div class="image-wrapper">
    <n-image
      style="max-height: calc(800px)"
      :src="src"
      object-fit="contain"
    ></n-image>
  </div>
</template>

<script lang="ts" setup>
const props = defineProps({
  src: String,
});
</script>

<style lang="scss" scoped>
.image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
</style>
